<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=chrome">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>京东首页轮播与js运算</title>
    <style>
        #main{
            position: relative;
           /* top:20px;
            left:70px; */
			height: 470px;
			width: 590px;
        }
		.dot{
			 position: absolute;
			 left: 50px;
			 bottom: 10px; 
			 border: 1px transparent solid;
		}
		 
        .dot div {
            display: inline-block;
			height: 10px;
			width: 10px;
			border-radius: 50%;
			background-color: lightgrey; 
			margin-left: 5px;
			/* border: 2px solid gray; */
           /* position: absolute; */
           /* left: 30px;
            bottom: 10px; */
			 
        }
        .dot div:hover{
			cursor: pointer;
            background-color: white;
            border: 2px lightgrey solid;
			height: 9px;
			width: 9px;
        }
        
    </style>
</head>
<body>
        <div id="main">
            <a href="#"><img src="q.jpg"></a>
            <div class="dot">
                <div> <a href="#"></a></div>
                <div> <a href="#"></a></div>
                <div> <a href="#"></a></div>
                <div> <a href="#"></a></div>
                <div> <a href="#"></a></div>
                <div> <a href="#"></a></div>
            </div>
        </div>

</body>
<script>
    var add=function(a,b){
        return a+b;
    }
    var substract=function(a,b){
        return a-b;
    }
    var multify=function(a,b){
        return a*b;
    }
    var divide=function(a,b){
        return a/b;
    }
    var result1=add(1,2);
    console.log("两个数相加为："+result1);
    console.log("两个数相减为："+substract(10,5));
    console.log("两个数相乘为："+multify(10,5));
    console.log("两个数相除为："+divide(10,5));
</script>
</html>

